<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>搜索页面</title>

    <link th:href="@{/AmazeUI-2.4.2/assets/css/amazeui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/AmazeUI-2.4.2/assets/css/admin.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/basic/css/demo.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/css/seastyle.css}" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" th:src="@{/basic/js/jquery-1.7.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/script.js}"></script>
</head>

<body>

<!--顶部导航条 -->
<div class="am-container header">
    <div class="am-container header" style="background-color: #e0efff;">
        <ul class="message-l">
            <div class="topMessage">
                <div class="menu-hd">
                    <span class="fl" th:if="${session.User == null}"><a th:href="@{/login}" target="_top" class="h" style="color:#ff4e00;">亲，请登录</a>&nbsp;<a href="/register" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>
                    <span class="fl" th:if="${session.User != null}"><a th:href="@{/user/index}" >欢迎回来，<span th:text="${session.User.username}"></span></a>&nbsp;|&nbsp;<a href="/orders/list">我的订单</a>&nbsp;</span>
                    <span class="fl" th:if="${session.User != null}">|&nbsp;<a th:href="@{/user/logout}">注销</a></span>
                </div>
            </div>
        </ul>

    </div>
</div>

<!--悬浮搜索框-->

<div class="nav white">
    <!--				<div class="logo"><img src="../images/logo.png" /></div>-->
    <div class="logoBig">
        <li><img th:src="@{/images/居家乐.jpg}" width="100px" height="90px"/></li>
    </div>

    <div class="search-bar pr">
<!--        <a name="index_none_header_sysc" href="#">沙发</a>-->
        <form th:action="@{/product/search}" method="post">
            <input id="searchInput" name="searchInput" type="text" placeholder="搜索" autocomplete="on">
            <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
        </form>
    </div>
</div>

<div class="clear"></div>
<b class="line"></b>
<div class="search">
    <div class="search-list">
        <div class="nav-table">
            <div class="long-title"><span class="all-goods">全部分类</span></div>
            <div class="nav-cont">
                <ul>
                    <li class="index"><a href="/wood/home" style="display: inline">首页</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=床" style="display: inline">床</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=沙发" style="display: inline">沙发</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=柜子" style="display: inline">柜子</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=桌几" style="display: inline">桌几</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=家具平牌" style="display: inline">家具平牌</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=窗帘" style="display: inline">窗帘</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=壁纸" style="display: inline">壁纸</a></li>
                    <li class="qc"><a href="/wood/product/search?searchInput=灯饰" style="display: inline">灯饰</a></li>
                </ul>

            </div>
        </div>


        <div class="am-g am-g-fixed">
            <div class="am-u-sm-12 am-u-md-12">
                <div class="theme-popover">
                    <div class="searchAbout">
                        <span class="font-pale">相关搜索：</span>
                        <a title="" href="/wood/product/search?searchInput=沙发">沙发</a>
                        <a title="" href="/wood/product/search?searchInput=窗帘">窗帘</a>

                    </div>
                    <ul class="select">
                        <p class="title font-normal">
                            <span class="fl" th:text="${searchInput}"></span>
                            <span class="total fl">搜索到<strong class="num" th:text="${Total}"></strong>件相关商品</span>
                        </p>
                        <div class="clear"></div>


                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="search-content">
                    <div class="sort">
                        <li class="first"><a title="综合">综合排序</a></li>
                        <!--                        <li><a title="销量">销量排序</a></li>-->
                        <!--                        <li><a title="价格">价格优先</a></li>-->
                        <!--                        <li class="big"><a title="评价" href="#">评价为主</a></li>-->
                    </div>
                    <div class="clear"></div>

                    <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
                        <li th:each="product:${productList}">
                            <div class="i-pic limit">
                                <a th:href="@{'/product/'+${product.id}}">
                                    <img th:src="@{'/'+${product.subImages}}" th:alt="${product.name}"/>
                                    <p class="title fl" th:text="${product.name}"></p>
                                    <p class="price fl">
                                        <b>¥</b>
                                        <strong th:text="${product.price}"></strong>
                                    </p>
                                    <p class="number fl">
                                        库存<span th:text="${product.stock}"></span>
                                    </p>
                                </a>
                            </div>
                        </li>

                    </ul>
                </div>
                <div class="search-side">

                    <div class="side-title">
                        经典搭配
                    </div>

                    <li>
                        <div class="i-pic check">
                            <img th:src="@{'/'+12657119_1442287735364_300x300.jpg}"/>
                            <p class="check-title">摩力克 欧式窗帘XP1683605A</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>290.90</strong>
                            </p>
                            <p class="number fl">
                                销量<span>110</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="i-pic check">
                            <img th:src="@{'/'+12657119_1442287735364_300x300.jpg}"/>
                            <p class="check-title">摩力克窗帘</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>89</strong>
                            </p>
                            <p class="number fl">
                                销量<span>1110</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="i-pic check">
                            <img th:src="@{'/'+35044564_1402156332625_300x300.jpg}"/>
                            <p class="check-title">真皮沙发</p>
                            <p class="price fl">
                                <b>¥</b>
                                <strong>2900</strong>
                            </p>
                            <p class="number fl">
                                销量<span>1110</span>
                            </p>
                        </div>
                    </li>

                </div>
                <div class="clear"></div>
                <!--分页 -->
                <ul class="am-pagination am-pagination-right">

                    <li>
                        <a th:if="${PageNum} ne 1"
                           th:href="@{/product/search/(searchInput=${searchInput.toString()},pageNum=${PageNum}-1)}">&laquo;</a>
                    </li>
                    <a th:if="${PageNum} eq 1">
                        <li class="am-active"><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=1)}">1</a></li>
                        <li><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=2)}">2</a></li>
                        <li class="am-disabled"><a>...</a></li>
                    </a>

                    <a th:if="${PageNum} ne 1">
                        <li><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=1)}">1</a></li>
                        <li class="am-disabled" th:if="${PageNum}-2 le ${PageTotal}"><a>...</a></li>
                        <li th:if="${PageNum} gt 2"><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=${PageNum}-1)}"
                                th:text="${PageNum}-1"></a></li>

                        <li class="am-active"><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=${PageNum})}"
                                th:text="${PageNum}"></a></li>
                        <li th:if="${PageNum}+1 lt ${PageTotal}"><a
                                th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=${PageNum}+1)}"
                                th:text="${PageNum}+1"></a></li>
                        <li class="am-disabled" th:if="${PageNum}+1 le ${PageTotal}"><a>...</a></li>
                    </a>

                    <a th:if="${PageTotal} ne ${PageNum}">
                        <li><a th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=${PageTotal})}"
                               th:text="${PageTotal}"></a></li>
                        <li><a th:href="@{/product/search(searchInput=${searchInput.toString()},pageNum=${PageNum}+1)}">&raquo;</a>
                        </li>
                    </a>

                </ul>

            </div>
        </div>
        <div class="footer">
            <div class="footer-hd">
                <p>
                    <a href="/home">商城首页</a>
                    <b>|</b>
                    <a href="# ">物流</a>
                </p>
            </div>
            <div class="footer-bd">
                <p>
                    <a href="# ">关于我们</a>
                    <a href="# ">合作伙伴</a>
                    <a href="# ">联系我们</a>
                    <a href="# ">网站地图</a>
                    <em>© 2020-2021 1569926710.com 版权所有</em>
                </p>
            </div>
        </div>
    </div>

</div>

<!--引导 -->
<div class="navCir">
    <li><a href="index"><i class="am-icon-home "></i>首页</a></li>
    <li><a href="../sort.html"><i class="am-icon-list"></i>分类</a></li>
    <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
    <li><a th:href="@{/person/index}"><i class="am-icon-user"></i>我的</a></li>
</div>



<script type="text/javascript" src="../basic/js/quick_links.js"></script>

<div class="theme-popover-mask"></div>

</body>

</html>